<template>
  <div>
    <div class="recommend"><span>推荐商品</span></div>
  </div>
</template>

<script>
export default {
  name: 'DetailRecommendTitle'
}
</script>

<style type="text/css" scoped>
.recommend {
  font-size: 0;
}
.show .recommend {
  font-size: 18px;
  padding: 5px 15px;
  padding-top: 18px;
  margin-bottom: 7px;
}
.show .recommend span {
  position: relative;
  padding: 5px 10px;
  padding-right: 35px;
  border-bottom: 1px solid #000;
}
.show .recommend span::after {
  content: '';
  width: 8px;
  height: 8px;
  border: 1px solid #333;
  transform: rotateZ(45deg);
  background: #000;
  position: absolute;
  bottom: -4px;
  right: 0;
}
</style>
